<template>
  <el-tabs v-model="activeName" @tab-click="handleClick" :stretch="true">
    <el-tab-pane label="账号登录" name="first" >
<LoginByName></LoginByName>
    </el-tab-pane>
    <el-tab-pane label="邮箱登录" name="second">
<LoginByEmail></LoginByEmail>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
    import LoginByName from "./LoginByName";
    import LoginByEmail from "./LoginByEmail";

    export default {
        name: "LoginForm",
      components:{
        LoginByName:LoginByName,
        LoginByEmail:LoginByEmail
      },
      data() {
        return {
          activeName: 'first'
        };
      },

    }
</script>

<style scoped>

</style>
